  <form action="<?php echo url_for('documentos_beca/continuar') ?>" method="POST">
  <table>
      <thead>          
          <tr>
              <th colspan="2"><h2 id="titulo_form"><?php echo $title?></h2></th>
          </tr>                    
        </thead>
      <tbody>                        
       <tr>              
                <th><label>Nombre convocatoria</label></th>
                <td>                    
                    <select id="convocatorias" class="convoca" name="convocatoria">
                        <option value='0'>Seleccione la convocatoria</option>
                        <?php foreach ($listado_convocatorias as $convocatoria): ?>    
                            <option value="<?php echo $convocatoria[0] ?>"><?php echo $convocatoria[1] ?></option>                                                                    
                        <?php endforeach; ?>
                    </select>                
                </td>                
         </tr>                    
         <tr>              
                <th><label>Tipo de Documento</label></th>
                <td>                    
                    <select id="type" class="mitipo" multiple="multiple" name="tipos[]">                        
                        <option value="0">Selecciona</option>
                        <?php foreach ($tipo_documento as $document): ?>    
                            <option value="<?php echo $document[0] ?>"><?php echo $document[1] ?></option>                                                                    
                        <?php endforeach; ?>
                    </select>                
                </td>                
         </tr>
<!--         <tr>
             <td>
                 <div class="ui-widget">
                    <label for="documentos">Nombre tipo:</label>
                    <input type="text" id="documentos" placeholder="Ingrese el tipo de documento" name="lis">
                 </div>
                 <div class="ui-widget" style="margin-top:2em; font-family:Arial">
                 Resultados:
                 <div id="log" style="height:200px; width:300px; overflow: auto;" class="ui-widget-content" name="lista"></div>
                 </div>
                 <div style="height:200px; width:300px;" id="data"></div>
             </td>
         </tr>-->
<!--         <tr>                              
             <th><label for="tipo_documentos">Listado de tipos de documento: </label></th>
             <td><input id="tipo_documentos" size="89" name="tipos"></td>
         </tr>-->         
          </tbody>
          <tfoot>          
          <tr>              
              <td colspan="2"><input class="boton" id="save" type="submit" value="Guardar"/></td>              
          </tr>
          </tfoot>
          </table>
      </form>